<template>
	<view class="bqSet">
		
		<text class="titR">设置首页显示的功能菜单及排序，至少需显示一项</text>
		
		<ul>
			<li>
				<view class="list_type">
					<text>今日日程</text>
				</view>
				<view class="list_type_list">
					<u-switch v-model="value" @change="change"></u-switch>
					<image src="../../../static/biaoqian.png" mode=""></image>
				</view>
			</li>
			<li>
				<view class="list_type">
					<text>数据看板</text>
				</view>
				<view class="list_type_list">
					<u-switch v-model="value1" @change="change"></u-switch>
					<image src="../../../static/biaoqian.png" mode=""></image>
				</view>
			</li>
			<li>
				<view class="list_type">
					<text>待办事项</text>
				</view>
				<view class="list_type_list">
					<u-switch v-model="value2" @change="change"></u-switch>
					<image src="../../../static/biaoqian.png" mode=""></image>
				</view>
			</li>
			<li>
				<view class="list_type">
					<text>工作动态</text>
				</view>
				<view class="list_type_list">
					<u-switch v-model="value3" @change="change"></u-switch>
					<image src="../../../static/biaoqian.png" mode=""></image>
				</view>
			</li>
		</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:true,
				value1:true,
				value2:true,
				value3:true,
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			}
		}
	}
</script>

<style>
	.list_type_list{
		width: 110px;
		display: flex;
		justify-content: space-between;
	}
	.list_type_list>image{
		width: 25px;
		height: 25px;
		margin-right: 15px;
	}
	/* .bqSet>ul>li>image{
		width: 25px;
		height: 25px;
		margin-right: 12px;
	} */
	.list_type>text{
		color: #666666;
		font-size: 14px;
		margin-left: 20px;
	}
	.titR{
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin-left: 20px;
		color: #999999;
		font-size: 12px;
	}
.bqSet{
	background-color:rgba(242, 242, 242, 0.5);
}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.bqSet>ul>li{
	width: 100%;
	height:50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	margin-top: 3px;
}
</style>
